<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <div id="myDIV">
            <p class="demo">这是一个 div 中 id="demo" 的 p 元素。</p>
            <p class="demo">这也是一个 div 中 id="demo" 的 p 元素。</p>
        </div>
        <p>点击按钮修改 div 元素中 第一个 p 元素的文本内容。</p>
        <button onclick="myFunction()">点我</button>
        <br>
        <div class="test">
            <p>p1</p>
            <p>p2</p>
            <p>p3</p>
        </div>
        <script src="querySelector.js"></script>
    </body>
</html>